{include file="public_head"}
{include file="public_menu"}
<script>
    $(function () {
        $(".main_coupon .tablist li").click(
                function () {
                    var a = $(".main_coupon .tablist li").index(this);
                    $(this).addClass("cur");
                    $(this).addClass("active").siblings().removeClass("active");
                    $(".main_coupon .tabcon>div").eq(a).css({display: "block"}).siblings().css({display: "none"});
                    ;
                }
        )
    })
</script>
<div class="content_center">
    <div class="main_center">
        {include file="public_information_menu"}
        <div class="main_right right">
            <div class="main_right_title">我的优惠券</div>
            <div class="main_coupon">

                <!--优惠券分类-->
                <ul class="tablist">
                    <li {eq name=":input('select')" value="not_used" }class="active" {/eq}><a href="{:url('MemberCoupon/index',['select'=>'not_used'])}" {eq name=":input('select')" value="not_used" }style="color: #E02E24;"{else/}style="color: black;"{/eq}>未使用({$rank['not_used']})</a></li>
                    <li {eq name=":input('select')" value="used" }class="active" {/eq}><a href="{:url('MemberCoupon/index',['select'=>'used'])}" {eq name=":input('select')" value="used" }style="color: #E02E24;"{else/}style="color: black;"{/eq}>使用记录({$rank['used']})</a></li>
                    <li {eq name=":input('select')" value="expired" }class="active" {/eq}><a href="{:url('MemberCoupon/index',['select'=>'expired'])}" {eq name=":input('select')" value="expired" }style="color: #E02E24;"{else/}style="color: black;"{/eq}>已过期({$rank['expired']})</a></li>
                </ul>
                <!--优惠券分类-->

                <div class="tabcon">
                    <div class="list-coupon active">
                        {if condition="input('select') eq 'not_used'"}
                            <ul class="not_used">
                        {elseif condition="input('select') eq 'used'"}
                            <ul class="used">
                        {elseif condition="input('select') eq 'expired'"}
                                <ul class="out_of_date">
                                {/if}
                            {volist name="data" id="item"}
                            <li>
                                <div class="price">￥{$item.actual_price}</div>
                                <div class="time">有效期至{$item.end_time|date="Y-m-d",###}</div>
                                <div class="time">[仅限{$item.type_name}]使用</div>
                                <div class="use">[消费满{$item.virtual_price}元使用]</div>
                            </li>
                            {/volist}
                        </ul>
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>
{include file="public_foot"}